<template>
	<div>
		<div class="left-content">
			<div class="title-content">
				<p>
					<</p>
			</div>
			<p class="content">
				销量
			</p>
			<div v-for="bb in 4" class="KH">
				<img src="../assets/img/fenlei/chuncai.png" />
			</div>
		</div>
		<div class="left-bg"></div>
		<div class="right-fenlei">
			<div class="title-fl">
				<a href="#/fenlei04"><p class="l-arrow"><</p></a>
				<p class="l-fenlei">分类</p>
				<a href="#/fenlei06"><p class="l-queding">确定</p></a>
			</div>
			<ul>
				<li>洁面护理</li>
				<li>人气口红</li>
				<li>名牌包包</li>
				<li>洁面护理</li>
				<li>人气口红</li>
				<li>名牌包包</li>
				<li>洁面护理</li>
				<li>人气口红</li>
				<li>名牌包包</li>
				<li>洁面护理</li>
				<li>人气口红</li>
				<li>名牌包包</li>
				<li>洁面护理</li>
				<li>人气口红</li>
				<li>名牌包包</li>
				
			</ul>
		</div>
		</div>

</template>

<script>
	
</script>

<style>
	.left-bg {
		position: absolute;
		width: 14rem;
		left: 0;
		top: 0;
		height: 128rem;
		background: black;
		opacity: 0.4;
	}
	
	.left-content {
		float: left;
		width: 14rem;
		height: 128rem;
		background: darkgray;
	}
	
	.title-content {
		width: 14rem;
		height: 9.6rem;
		background: red;
	}
	
	.title-content p {
		font-size: 5rem;
		color: white;
		padding-top: 1.5rem;
		padding-right: 7rem;
	}
	
	.content {
		height: 8rem;
		font-size: 2.6rem;
		line-height: 8rem;
		border-bottom: 0.1rem solid gray;
		color: red;
		background: white;
	}
	
	.KH {
		height: 20rem;
		border-bottom: 1px solid gray;
		margin-bottom: 1.5rem;
		background: white;
	}
	
	.KH img {
		height: 15.3rem;
		padding-left: 6rem;
		margin-top: 2.4rem;
	}
	.l-arrow{
		float: left;
		font-size: 5rem;
		margin-left: 2rem;
	}
	.l-fenlei{
		float: left;
		font-size:3.5rem;
		margin-left: 20.1rem;
	}
	.l-queding{
		float: left;
		font-size:2.9rem;
		margin-left: 16.2rem;
	}
	.title-fl{
		float: left;
		width: 58rem;
		height: 9.6rem;
		line-height: 9.6rem;
		background: gainsboro;
	}
	.right-fenlei ul {
		width: 56rem;
		float: left;
		margin-left: 2rem;
	}
	.right-fenlei ul li{
		float: left;
		width: 50rem;
		font-size: 2.7rem;
		padding: 2rem 2rem;
		text-align: left;
		border-bottom: 0.1rem solid gainsboro;
	}
</style>